var operateType;                // 按钮的操作类型

// 当点击添加按钮
$("#user_add").on("click", function () {
    operateType = "add";
    // 重置文本框中的内容
    $("#m_code").val("");
    $("#m_code").attr("readonly", null);
    $("#m_className").val(name);
    $("#m_grade").val("");
    $("#m_headerTeacher").val("");
    $("#m_classSlogan").val("");
    $("#m_classNumber").val("");

    // 模态框的标题切换
    $("#modalLabel").text("新增班级");
    $(this).attr("data-toggle","modal");  // 启用模态框
    $(this).attr("data-target","#myModal"); // 启用模态框

});

//当点击修改按钮
$("#user_edit").on("click", function () {
    operateType = "edit";
    $("#modalLabel").text("编辑班级");
    $("#m_code").attr("readonly", "true");
});

$("#user_edit").on("click", function () {
    let i;
    let box;
    const checkboxs = $("input[type='checkbox']");

    // 校验勾选了几个复选框
    let checkCount = 0;
    for (i = 0; i < checkboxs.length; i++) {
        box = checkboxs[i];
        if(box.checked){
            checkCount++;
        }
    }
    if(checkCount <= 0 || checkCount > 1){
        alert("请选择且只能选择一个班级！");
        $(this).attr("data-toggle",null); // 禁用模态框
        $(this).attr("data-target",null); // 禁用模态框
        return;
    }

    let f = false;
    for (i = 0; i < checkboxs.length; i++) {
        box = checkboxs[i];
        if (box.checked) {
            f = true;
            $(this).attr("data-toggle","modal");  // 启用模态框
            $(this).attr("data-target","#myModal"); // 启用模态框
            box = $(box);
            // const classNo = box.parent().siblings("#classNo").text();
            const classNo = box.val();
            // 获取表格中选中的用户的各项数据
            const className1 = box.parent().siblings("#className1").text();
            const grade = box.parent().siblings("#grade").text();
            const headerTeacher = box.parent().siblings("#headerTeacher").text();
            const classSlogan = box.parent().siblings("#classSlogan").text();
            const classNumber = box.parent().siblings("#classNumber").text();
            // 选中用户的各项数据，放在模态框的相应input框中
            $("#m_code").val(classNo);
            $("#m_className").val(className1);
            $("#m_grade").val(grade);
            $("#m_headerTeacher").val(headerTeacher);
            $("#m_classSlogan").val(classSlogan);
            $("#m_classNumber").val(classNumber);
        }
    }
    if(!f){
        alert("请选择一个班级！");
        $(this).attr("data-toggle",null); // 禁用模态框
        $(this).attr("data-target",null); // 禁用模态框
    }
});


//保存用户
$("#save").on("click", function () {
    var isChecked = checkEmpty();
    if(isChecked == false){
        return false;
    }
    if (operateType == "add") {
        $("#insertOrUpdStudent").attr("action", "classInsert");
        $("#insertOrUpdStudent").submit();
    } else if (operateType == "edit") {
        $("#insertOrUpdStudent").attr("action", "classUpdate");
        $("#insertOrUpdStudent").submit();
    }
});

function checkEmpty(){
    if($("#m_code").val().length == 0 ){
        alert("班级编号必须填写！");
        return false;
    }
    if($("#m_className").val().length == 0){
        alert("班级名称必须填写！");
        return false;
    }
    if($("#m_grade").val().length == 0){
        alert("年级必须填写！");
        return false;
    }
    if($("#m_headerTeacher").val().length == 0){
        alert("班主任必须填写！");
        return false;
    }
    if($("#m_classSlogan").val().length == 0){
        alert("班级口号必须填写！");
        return false;
    }
    if($("#m_classNumber").val().length == 0){
        alert("班级人数必须填写！");
        return false;
    }
    return true;
};

$("#user_delete").on("click", function () {
    const checkboxs = $("input[type='checkbox']");  // 获取所有复选框
    let f = false;  // 是否选中用户的标记
    var idDeleteList = [];
    for (let i = 0; i < checkboxs.length; i++) {
        let box = checkboxs[i];
        if (box.checked) {  // 某个复选框被选中
            f = true;  // 标记 有 复选框被选中
            box = $(box); // jsdom对象转换成jquery对象
            let id = box.parent().siblings("#classNo").text(); // 复选框父级的兄弟#code元素
            idDeleteList.push(id);
        }
    }
    if(!f){
        alert("请至少选择一个用户！");
    }
    else{
        $("#listForm").attr("action", "classDelete");
        $("#listForm").submit();
    }
    
});

// 查询用户
$("#user_find").on("click", function () {
    let newusers = new Array();
    var codeLike = $(this).siblings("#s_code").val();
    var userNameLike = $(this).siblings("#s_name").val();
    $("#listForm").attr("action", "classFind");
    $("#listForm").submit();
});